HTML {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
}

#authorization {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 462px;
	width: 659px;
	margin-top: -261px;
	margin-left: -329px;
	background-image: url(../img/bg.png);
	background-repeat: no-repeat;
	z-index: 1;
}

#registration {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 462px;
	width: 659px;
	margin-top: -261px;
	margin-left: -329px;
	background-image: url(../img/registration_.png);
	background-repeat: no-repeat;
	z-index: 1;
}

#logo {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 50px;
	left: 50px;
}

#loginname {
	position: absolute;
	width: 155px;
	height: 18px;
	top: 238px;
	left: 267px;
	z-index: 10;
}

#login {
	position: absolute;
	width: 150px;
	height: 20px;
	top: 257px;
	left: 269px;
	z-index: 10;
}

#loginform {
	position: absolute;
	width: 170px;
	height: 24px;
	top: 256px;
	left: 259px;
	background: url(../img/form.png);
	z-index: 9;
}

#loginerror {
	position: absolute;
	width: 170px;
	height: 24px;
	top: 256px;
	left: 259px;
	background: url(../img/formerror.png);
	z-index: 9;
}

#passname {
	position: absolute;
	width: 155px;
	height: 18px;
	top: 284px;
	left: 267px;
	z-index: 10;
}

#pass {
	position: absolute;
	width: 150px;
	height: 21px;
	top: 303px;
	left: 269px;
	z-index: 10;
}

#passform {
	position: absolute;
	width: 170px;
	height: 24px;
	top: 303px;
	left: 259px;
	background: url(../img/form.png);
	z-index: 9;
}

#passerror {
	position: absolute;
	width: 170px;
	height: 24px;
	top: 303px;
	left: 259px;
	background: url(../img/formerror.png);
	z-index: 9;
}

#forgetname {
	position: absolute;
	width: 150px;
	height: 18px;
	top: 276px;
	left: 267px;
	z-index: 10;
}

#forget {
	position: absolute;
	width: 150px;
	height: 21px;
	top: 296px;
	left: 269px;
	z-index: 10;
}

#forgeterror {
	position: absolute;
	width: 170px;
	height: 24px;
	top: 295px;
	left: 259px;
	background: url(../img/formerror.png);
	z-index: 9;
}

#forgetform {
	position: absolute;
	width: 170px;
	height: 24px;
	top: 295px;
	left: 259px;
	background: url(../img/form.png);
	z-index: 9;
}

#forgetsupport {
	position: absolute;
	width: 155px;
	top: 357px;
	left: 267px;
}

#forgettext {
	position: absolute;
	width: 170px;
	height: auto;
	top: 234px;
	left: 259px;
	color: #666;
	font-size: 12px;
}

#remember {
	position: absolute;
	width: 120px;
	height: 20px;
	top: 336px;
	left: 285px;
	z-index: 10;
}

#checkbox {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 335px;
	left: 263px;
	z-index: 10;
}

/*button*/
#enterbtn,#regbtn,#sendbtn {
	position: absolute;
	z-index: 10;
}

#enterbtn {
	width: 54px;
	height: 22px;
	top: 357px;
	right: 230px;
}

#regbtn {
	width: 50px;
	height: 24px;
	top: 357px;
	left: 353px;
}

#sendbtn {
	width: 84px;
	height: 22px;
	top: 330px;
	right: 235px;
}

/**/
.form {
	width: 100%;
	border: none;
	height: 20px;
	background: none;
	color: #999;
	outline: none;
}

.name {
	font-size: 14px;
	color: #333
}

/*lingvo*/
#ru,#en,#uk {
	position: absolute;
	z-index: 10;
}

#ru {
	width: 30px;
	height: 30px;
	top: 429px;
	left: 259px;
}

#en {
	width: 30px;
	height: 30px;
	top: 446px;
	left: 322px;
}

#uk {
	width: 30px;
	height: 30px;
	top: 469px;
	left: 281px;
}

/*sign up*/
#signup {
	position: absolute;
	width: 70px;
	height: 70px;
	top: 419px;
	left: 171px;
}

/* user view profile */
#avatar_logo {
	width: 100px;
	height: 100px;
	padding: 0.5em;
	position: absolute;
}

#sex {
	width: 100px;
	height: 100px;
	padding: 0.5em;
	position: absolute;
}

#pix {
	position: absolute;
	width: 171px;
	height: 175px;
	top: 225px;
	left: 145px;
}

#boxer {
	position: absolute;
	width: 139px;
	height: 113px;
	top: 393px;
	left: 172px;
}

#main {
	width: 100%;
	height: 100%;
}

#key {
	position: absolute;
	top: 89px;
	left: 107px;
}

#status_ava {
	width: 152px;
	height: 129px;
	position: absolute;
	background: url(../img/status.png);
}

#status_text {
	font-size: 25px;
	margin-top: 40px;
	margin-left: 35px;
	margin-right: 30px;
	margin-bottom: 25px;
}

/* toogle years block */
#block {
	width: 600px;
	margin: auto;
	background: #CCC;
	padding: 50px;
	border: 1px solid #999;
	border-bottom-left-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
}

.passportform {
	width: 250px;
	font-size: 16px;
	border: 1px solid #DDD;
	padding: 5px;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
}

a { /*text-decoration: none; */
	display: inline-block;
	/*border-bottom: 1px dashed blue;*/
	color: #0055CC;
}

.txt {
	color: #666;
	font-size: 16px;
}

/**
 * popup for messages *******/
/*Styles for dim overlay & message box*/
#feedback {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background: url(../img/dim.png);
	display: none;
	text-align: left;
}

.msgbox {
	position: absolute;
	width: 500px;
	height: 300px;
	z-index: 200;
	border: 5px solid #999;
	background: #FFF;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -250px;
}

.msgbox img {
	border: none;
	margin: 5px;
}

.close {
	
}

/*My own layout styles*/
#content {
	position: absolute;
	width: 350px;
	height: 300px;
	border: 5px solid #f5f5f5;
	background: #FFF;
	overflow: hidden;
	top: 80px;
	left: 50%;
	margin-left: -175px;
}

#content a {
	font: italic 32px Georgia, serif;
	text-decoration: none;
	color: #333;
	outline: none;
	display: block;
	padding: 131px 50px;
}

#content a:hover {
	background: #EEE;
}

.cube {
	width: 100%;
	height: 100%;
	float: left;
	clear: right;
}